export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor"><path d="M460.8 733.866667h-102.4c-10.24 0-17.066667-6.826667-17.066667-17.066667V341.333333c0-10.24 6.826667-17.066667 17.066667-17.066666h102.4c10.24 0 17.066667 6.826667 17.066667 17.066666v375.466667c0 10.24-6.826667 17.066667-17.066667 17.066667z m-85.333333-34.133334h68.266666v-341.333333h-68.266666v341.333333zM665.6 733.866667h-102.4c-10.24 0-17.066667-6.826667-17.066667-17.066667V341.333333c0-10.24 6.826667-17.066667 17.066667-17.066666h102.4c10.24 0 17.066667 6.826667 17.066667 17.066666v375.466667c0 10.24-6.826667 17.066667-17.066667 17.066667z m-85.333333-34.133334h68.266666v-341.333333h-68.266666v341.333333z"></path><path d="M802.133333 938.666667h-580.266666C98.986667 938.666667 0 839.68 0 716.8V307.2c0-122.88 98.986667-221.866667 221.866667-221.866667h580.266666C925.013333 85.333333 1024 184.32 1024 307.2v409.6c0 122.88-98.986667 221.866667-221.866667 221.866667z m-580.266666-819.2C119.466667 119.466667 34.133333 204.8 34.133333 307.2v409.6c0 102.4 85.333333 187.733333 187.733334 187.733333h580.266666c102.4 0 187.733333-85.333333 187.733334-187.733333V307.2c0-102.4-85.333333-187.733333-187.733334-187.733333h-580.266666z"></path></svg>
        </span>
    )
}